<template>
	<map style="width: 100%;height:58vh;" :latitude="latitude" :longitude="longitude" :markers="markers"
		@markertap="onMarkerTap"></map>
</template>

<script>
	export default {
		props: {
			latitude: {
				type: Number,
				required: true
			},
			longitude: {
				type: Number,
				required: true
			},
			markers: { //要显示的标记点数据
				type: Array,
				default: () => []
			},
		},
		data() {
			return {
				// latitude: 27.76, // 地图中心纬度（武夷山）
				// longitude: 118.03, // 地图中心经度（武夷山）
				// markers: [
				// {
				// 	id: 1,
				// 	latitude: 27.762, // 武夷山景区南入口
				// 	longitude: 118.028,
				// 	iconPath: '/static/images/pic/parking/bz1.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 2,
				// 	latitude: 27.758, // 武夷宫附近
				// 	longitude: 118.035,
				// 	iconPath: '/static/images/pic/parking/bz2.png',
				// 	width: 50,
				// 	height: 50
				// }, 
				// {
				// 	id: 3,
				// 	latitude: 27.755, // 九曲溪竹筏码头
				// 	longitude: 118.025,
				// 	iconPath: '/static/images/pic/parking/bz3.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 4,
				// 	latitude: 27.765, // 天游峰停车场
				// 	longitude: 118.032,
				// 	iconPath: '/static/images/pic/parking/bz4.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 5,
				// 	latitude: 27.752, // 武夷山北入口
				// 	longitude: 118.022,
				// 	iconPath: '/static/images/pic/parking/bz5.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 6,
				// 	latitude: 27.768, // 大红袍景区
				// 	longitude: 118.038,
				// 	iconPath: '/static/images/pic/parking/bz6.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 7,
				// 	latitude: 27.745, // 武夷山市区
				// 	longitude: 118.035,
				// 	iconPath: '/static/images/pic/parking/bz7.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 8,
				// 	latitude: 27.775, // 自然保护区入口
				// 	longitude: 118.015,
				// 	iconPath: '/static/images/pic/parking/bz8.png',
				// 	width: 50,
				// 	height: 50
				// },
				// {
				// 	id: 9,
				// 	latitude: 27.735, // 高铁北站停车场
				// 	longitude: 118.045,
				// 	iconPath: '/static/images/pic/parking/bz9.png',
				// 	width: 50,
				// 	height: 50
				// }
				// ]
			};
		},
		methods: {
			onMarkerTap(e) {
				console.log('点击了标记点，ID:', e.detail.markerId);
				let clickedMarker = this.markers.find(marker => marker.id === e.markerId); // 找到点击的marker详情
				let item = clickedMarker.item;
				uni.navigateTo({
					url: item.url + '?parkItem=' + encodeURIComponent(JSON.stringify(item))
				})
			}
		}
	};
</script>